@charset "utf-8";

* { margin:0; padding:0; }
ul,li{ list-style-type:none; }
img { border:0; }
textarea { border:1px #cccccc solid; }
div { margin:auto; }
a { color:#009BDF; text-decoration:none; }
a:hover { text-decoration:underline; }
h4 { font-size:14px; font-weight:600; line-height:30px;  }
.c { clear:both; }
.blank1 { width:100%; height:10px; line-height:10px; }
.blank2 { width:100%; height:20px; line-height:20px; }
.blank3 { width:100%; height:30px; }
.blank4 { width:100%; height:40px; }
.blank5 { width:100%; height:50px; }
.blank6 { width:100%; height:60px; }
.blank8 { width:100%; height:80px; }
input[type="text"] { border:1px solid #cccccc; font-size:14px; height:20px; }

body { font-size:12px; font-family:Arial,Helvetica; text-align:center; line-height:200%; background:url("../images/bg.png") repeat-x; }
.box { width:960px; }

#header #header-left { background:url("../images/head-left-bg.png") no-repeat; width:340px; height:140px; float:left; }
#header #header-right { width:620px; height:140px; float:right; }
#header #header-right #header-right-top { background:url("../images/head-right-top-bg.png") no-repeat; width:620px; height:60px; }
#header #header-right #header-right-bottom { background:url("../images/head-right-bottom-bg.png") no-repeat; width:620px; height:80px; }
#header #nav { height:80px; line-height:80px; }
#header #nav a { font-size:16px; color:#333333; font-weight:bold; width:100px; float:left; }
#header #nav a:hover, #header #nav a.selected { text-decoration:none; color:#00BBE7; }
#header #nav a:hover span, #header #nav a.selected span { background:#ffffff; padding:2px 5px; }

#banner { width:960px; height:490px; overflow:hidden; position:relative; }
#banner #banner-info { width:400px; height:220px; position:absolute; top:90px; left:30px; z-index:8; text-align:left; }
#banner #banner-info h3 { font-size:34px; color:#707070; font-family:Microsoft YaHei; }
#banner #banner-info p { font-size:14px; color:#707070; padding:0 5px; }
#banner #main-service-items { width:960px; height:180px; position:absolute; bottom:0px; z-index:9; }
#banner #main-service-items .main-service-item { width:300px; height:180px; color:#ffffff; margin:0 10px; float:left; text-align:left; }
#banner #main-service-items .main-service-item .main-service-item-head { padding:30px 30px 20px 30px; }
#banner #main-service-items .main-service-item .main-service-item-head h4 { font-size:28px; font-family:Microsoft YaHei; }

#banner #main-service-items .main-service-item a { color:#ffffff; }
#banner #main-service-items .main-service-item .main-service-item-content { padding:0 30px; }
#banner #main-service-items .main-service-item .main-service-item-content span { font-weight:bold; }
#service-01 { background:url("../images/service-item-01.png") no-repeat; }
#service-02 { background:url("../images/service-item-02.png") no-repeat; }
#service-03 { background:url("../images/service-item-03.png") no-repeat; }

.info-panel { width:300px; float:left; text-align:left; }
.info-panel .info-panel-head { border-bottom:3px solid #cccccc; padding:5px 10px; }
.info-panel .info-panel-head h4 { font-size:18px; color:#666666; font-family:Microsoft YaHei; }
.info-panel .info-panel-content { padding:10px;  }
.info-panel .info-panel-content p { padding:10px 0; }

#service p { color:#54AC9C;  }
#service ul li { list-style: url("../images/server-item-ico.png") inside; }
#service ul li a { color:#666666; text-decoration:underline; }
#service ul li a:hover { text-decoration:none; }

#soultions p { color:#276A97; }
#soultions ul li { list-style: url("../images/solutions-item-ico.png") inside; }
#soultions ul li a { color:#666666; text-decoration:underline; }
#soultions ul li a:hover { text-decoration:none; }

#news .news-item a { font-size:14px; text-decoration:underline; }
#news .news-item a:hover { text-decoration:none; }
#news .news-item p { padding:0; color:#666666; }

#bottom { background:url("../images/bottom-bg.png") repeat-x; height:200px; }

#footer { color:#666666; }
#footer #footer-left { width:400px; float:left; text-align:left; font-size:14px; }
#footer #footer-right { width:300px; float:right; }

#main-body { width:960px; min-height:500px; background:url("../images/main-bg.png") repeat-x; text-align:center; }
#main-body #sub-nav { width:220px; float:left; }
#main-body #sub-nav ul li a { color:#666666; }
#main-body #main-content { width:600px; float:right; text-align:left; }
#main-body #main-content h3 { font-size:24px; font-weight:500; line-height:60px; border-bottom:1px solid #cccccc; }
#main-body #main-content ul li { padding:20px 0; border-bottom:1px solid #cccccc; }
#main-body #main-content ul li a { font-size:18px; }
#main-body #main-content ul li p { color:#666666; }

.min-box { width:880px; }
#service-nav { width:260px; float:left; position:relative; }
#service-nav #service-nav-bg { background:#cccccc; width:220px; height:400px; position:relative; }
#service-nav #service-nav-bg #service-nav-fg { background:#ffffff; border:1px solid #aaaaaa; width:220px; height:400px; position:absolute; top:-5px; left:-5px; }
#service-nav #nav-items { position:absolute; z-index:9; top:30px; left:0; width:260px; }
#service-nav #nav-items ul li { text-align:left; }
#service-nav #nav-items ul li a { display:block; height:40px; line-height:40px; font-size:14px; color:#666666; }
#service-nav #nav-items ul li a span { padding-left:40px; }
#service-nav #nav-items ul li a:hover { color:#009BDF; text-decoration:none; }
#service-nav #nav-items ul li a.selected { font-weight:bold; background:url("../images/sub-nav-selected.png") no-repeat; color:#ffffff; }


.pagation {}
.pagation span { color:#666666; }
.pagation span, .pagation a { padding:0 10px 0 0; }

